<template>
  <van-popup v-model:show="showBottom" position="bottom" round closeable
    :style="{ height: '80%','box-sizing':'border-box','padding-top':'40px' }">
    <iframe class="iframe-box" :src="iframeUrl[type]" frameborder="0"></iframe>
  </van-popup>
</template>

<script>
import { reactive, toRefs } from 'vue'
export default {
  setup() {
    const state = reactive({
      showBottom: false,

      type: 0,

      iframeUrl: [
        'https://jihehao.yilianyun.top/yhxy.html',
        'https://jihehao.yilianyun.top/yszc.html'
      ]
    })

    function dialogShow(type) {
      state.type = type
      state.showBottom = true
    }

    return {
      ...toRefs(state),
      dialogShow,
    }
  }
}
</script>

<style lang="scss" scoped>
.iframe-box {
  width: 100%;
  height: 100%;
}
</style>